<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>yiduo</title>
<link rel="stylesheet" type="text/css" href="css/css.css">
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
</head>

<body>
	<div class="page_wrap">
    	<div class="nav">
            <div class="nav_item">
                <ul>
                    <li class="nav_item_li"><a href="#">首页</a>|</li>
                    <li class="nav_item_li"><a href="#">在线商店</a>|
                        <ul class="nav_inn">
                            <li><a href="javascript:;">办公软件系列</a></li>
                            <li><a href="javascript:;">操作系统系列</a></li>
                            <li><a href="javascript:;">设计软件系列</a></li>
                            <li><a href="javascript:;">培训与服务系列</a></li>
                            <li><a href="javascript:;">快速购买</a></li>
                        </ul>
                    </li>
                    <li class="nav_item_li"><a href="#">正版化方案</a>|
                        <ul class="nav_inn">
                            <li><a href="javascript:;">政府行业</a></li>
                            <li><a href="javascript:;">教育行业</a></li>
                            <li><a href="javascript:;">制造业</a></li>
                        </ul>
                    </li>
                    <li class="nav_item_li"><a href="#">会员中心</a>
                        <ul class="nav_inn">
                            <li><a href="javascript:;">账户主页</a></li>
                            <li><a href="javascript:;">积分兑换</a></li>
                            <li><a href="javascript:;">知识库</a></li>
                        </ul>
                    </li>               
                </ul>
                <span><a href="#">我的账户</a>|<a href="#">购物车</a><a href="#" class="btn_quickbuy">快速购买</a></span>
            </div>
        </div>
        <div class="nav_tip">您现在的位置: <a href="#">首页</a> > 在线商店<span class="user_stat">欢迎您，用户名<a href="#">退出</a></div>
        <div class="dt_container">
        	<div class="left_nav">
            	<div class="left_nav_t">产品列表</div>
                <ul class="left_nav_list">
                	<li class="active">办公软件系列
                    	<ul>
                        	<li>WPS Office</li>
                            <li class="active">Microsoft Office</li>
                            <li>永中 Office</li>
                        </ul>
                    </li>
                    <li>操作系统系列
                    	<ul>
                        	<li>WPS Office</li>
                            <li class="active">Microsoft Office</li>
                            <li>永中 Office</li>
                        </ul>
                    </li>
                    <li>设计软件系列
                    	<ul>
                        	<li>WPS Office</li>
                            <li class="active">Microsoft Office</li>
                            <li>永中 Office</li>
                        </ul>
                    </li>
                    <li>云存储系列
                    	<ul>
                        	<li>WPS Office</li>
                            <li class="active">Microsoft Office</li>
                            <li>永中 Office</li>
                        </ul>
                    </li>
                    <li>培训与服务系列
                    	<ul>
                        	<li>WPS Office</li>
                            <li class="active">Microsoft Office</li>
                            <li>永中 Office</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="right_content">
            	<div class="pd_info">
                	<div class="pd_info_left">
                        <div class="pd_name">
                    		<p class="">Microsoft Office:Mac 2011</p>
                        	<p class="pd_promotion">热卖中！</p>
                    	</div>
                    	<div class="pd_brief">现在您也可以使用WPS Office 了，全新设计的WPS Office 2012专业版与您所熟悉的Microsoft Office 一样，并且完全兼容，您甚至不需要重新学习，就能立即开始工作，您设计的文档，不需要任何格式转换，直接可以在Microsoft Office下打开编辑；同样，其他人在Microsoft Office下制作的Office文档，也能在您的WPS Office 上直接打开编辑；现在就开始体验吧。</div>
                	</div>
                    <div class="pd_info_mid">
                    	<div class="pd_show">
                        	<div class="pd_show_img jqzoom" id="spec-n1">
                            	<img src="images/img01.jpg" jqimg="images/img01.jpg" width="144" height="192">
                            </div>
                            <div class="pd_show_slide">
                            	<a class="jcarousel-prev control" id="spec-left" href="javascript:;"></a>
                                <div class="jcarousel-clip" id="spec-list">
                                	<ul class="list-h">
                                    	<li><img src="images/img01.jpg" width="32" height="42"></li>
                                        <li><img src="images/img02.jpg" width="32" height="42"></li>
                                        <li><img src="images/img03.jpg" width="32" height="42"></li>
                                        <li><img src="images/img04.jpg" width="32" height="42"></li>
                                       	<li><img src="images/img01.jpg" width="32" height="42"></li>
                                        <li><img src="images/img02.jpg" width="32" height="42"></li>
                                        <li><img src="images/img03.jpg" width="32" height="42"></li>
                                        <li><img src="images/img04.jpg" width="32" height="42"></li>
                                    </ul>
                                </div>
                                <a class="jcarousel-next control" id="spec-right" href="javascript:;"></a>
                            </div>
                        </div>
                    </div>
                    <div class="pd_info_right">
                    	<p class="pd_price_old">定价：￥1299.00</p>
                        <p class="pd_price">优惠：<i>￥999.00</i></p>
                        <p class="check_t">授权方式：</p>
                        <p><a href="javascript:;" class="check_item check_item_active">零售包<i class="icon_check"></i></a><a class="check_item" href="javascript:;">批量许可<i class="icon_check"></i></a></p>
                        <p class="check_t">选择版本：</p>
                        <p><a href="javascript:;" class="check_item check_item_active">中文简体10用户<i class="icon_check"></i></a>
                        <a href="javascript:;" class="check_item check_item_active">中文简体<i class="icon_check"></i></a><a class="check_item" href="javascript:;">中文繁体<i class="icon_check"></i></a></p>
                        <a href="#" class="btn_cart">加入购物车</a>
                    </div>
                    <div style="clear:both;"></div>
                </div>
                <div class="pd_details">
                	<img src="images/tco.jpg">
                    <div class="text">
    <div class="yellow_icon01 yellow_icon">
    	<img src="images/yellow_icon01.png" alt="图标" />
    </div>
	<div class="text_icon01">
    <h1>三大兼容特性，拥有成本更低</h1>
    <h2 class="text_i"><span><img src="images/yellow_spot.png" /></span>
    全新的兼容概念涵盖与Microsoft Office 2003/2007/2010 文件格式兼容、操作习惯兼容、二次开发兼容三大方面，降低软件更换可能引发的用户对文档交流、工作效率、系统迁移的担心，降低组织的总体拥有成本（TCO）。</h2>
	</div>
</div>

<div class="text">
	<div class="yellow_icon02 yellow_icon">
    	<img src="images/yellow_icon02.png" alt="图标" />
    </div>
	<h1>集成应用成熟，二次开发更易</h1>	
    <h2><span><img src="images/yellow_spot.png" /></span>
	WPS Office 定义了与微软Office 一致的二次开发接口，一致的API 接口，一致的对象模型，可以平滑迁移大量现有的电子政务平台、应用系统。</h2>
	<h2><span><img src="images/yellow_spot.png" /></span>
    WPS Office 在扩展设计方面兼容微软Office 的VBA 环境，并且支持COM 加载插件等机制，保证了与微软Office 一致的扩展便利性，原先的很多针对微软Office 设计的插件可以很容易转移到WPS Office 中。</h2>
	<h2><span><img src="images/yellow_spot.png" /></span>
    WPS Office与各类业务系统整合能力超强，标准开发和个性化定制的成功案例众多，涵盖C/S 、B/S 、基于Domino 架构的业务系统，以及通过POI 组件操作WPS 文件实现J2EE 业务系统的整合，通过伪进程的方式快速实现原有业务系统中MSOffice的替换。</h2>
    <h2><span><img src="images/yellow_spot.png" /></span>
    WPS Office 整体采用效率最好的C/C++开发，应用开发和功能扩展更高效、更兼容。</h2>
    <h2><span><img src="images/yellow_spot.png" /></span>
    具有跨平台优势，支持Windows/ Linux 操作系统。</h2>
    <h2><span><img src="images/yellow_spot.png" /></span>
    WPS Office 的应用集成优势，获得OA/电子政务系统集成商、中间件厂商等很多第三方合作伙伴的支持。</h2>	
</div>

<div class="text">
	<div class="yellow_icon03 yellow_icon">
    	<img src="images/yellow_icon03.png" alt="图标" />
    </div>
	<h1>精致高效安全，适应领域更广</h1>
    <h2><span><img src="images/yellow_spot.png" /></span>
	中国自主知识产权品牌，从文档存储、区域保护等多角度、多方位保护文档安全。更可以基于WPS内核制定安全控制方案，真正意义实现"文档级安全"。</h2>    
    <h2><span><img src="images/yellow_spot.png" /></span>
	对硬件的资源占用非常小，运行效率高、可靠、稳定。减少硬件成本投入，为用户节省采购资金，降低信息化建设成本，轻松实现正版化。</h2>    
</div>

<div class="text">
	<div class="yellow_icon04 yellow_icon">
    	<img src="images/yellow_icon04.png" alt="图标" />
    </div>
	<h1>XML标准支持，文档生命力更强</h1>
    <h2><span><img src="images/yellow_spot.png" /></span>
	XML技术是网络时代的文件交换标准，国际标准OOXML是基于XML，金山软件参与制定的国家文档格式标准-标文通（UOF）也是基于XML。</h2>    
    <h2><span><img src="images/yellow_spot.png" /></span>
	WPS Office支持OOXML、UFO2.0(标文通的最新版本)，遵循XML标准，该优势有利于实现政府和企业办公中便利的数据交换、高效的数据检索。</h2>    
</div>

<div class="text">
	<div class="yellow_icon05 yellow_icon">
    	<img src="images/yellow_icon05.png" alt="图标" />
    </div>
    <h1>专为国人打造，特色功能更多</h1>
    <h2><span><img src="images/yellow_spot.png" /></span>	基于中文办公需求实际研发，具备众多针对性的功能，新风格和经典的混合界面模式，电子表格阅读模式，增强幻灯演示效果的"放大镜"，更丰富的表格应用样式，让中文排版更简单的斜线表头、章节导航、段落布局......,追求更好用户体验。</h2>
</div>

<div class="text">
	<div class="yellow_icon06 yellow_icon">
    	<img src="images/yellow_icon06.png" alt="图标" />
    </div>
    <h1>本土售后服务,与您距离更近</h1>
    <h2><span><img src="images/yellow_spot.png" /></span>  办公软件在政府和企业中的应用需要良好的售后服务和技术支持做保障，金山软件高度重视并设有完善的服务体系，为用户提供便捷、快速的线上线下服务以及应用集成支持。同时发挥本土企业、自主品牌优势，更能挖掘中文办公特色需求，也能根据特定行业的个性需求，提供从产品级到代码级的二次开发服务。</h2>
</div>  
                </div>
            </div>
        </div>
        <div class="info">
        	<p class="info_t">联系我们</p>
            <ul class="info_list">
            	<li>
                	<p class="info_list_t">销售代表预约</p>
                    <p>电话：020-87509001</p>
                    <p>邮箱：<a href="#">yuyue@126.com</a></p>
                </li>
                <li>
                	<p class="info_list_t">购买咨询</p>
                    <p>电话：020-87509002</p>
                    <p>邮箱：<a href="#">goumai@126.com</a></p>
                </li>
                <li>
                	<p class="info_list_t">技术支持</p>
                    <p>电话：020-8759003</p>
                    <p>邮箱：<a href="#">jishu@126.com</a></p>
                </li>
                <li>
                	<p class="info_list_t">客户服务</p>
                    <p>电话：020-87509004</p>
                    <p>邮箱：<a href="#">fuwu@126.com	</a></p>
                </li>
            </ul>
        </div>
        <div class="copyright">
        	<p><a href="#">关于我们</a><a href="#">使用条款</a><a href="#">客户隐私</a></p>
            <p>粤ICP备12345678号&emsp;Copyright&nbsp;&copy;&nbsp;2013&nbsp;Yiduo&emsp;Inc.&nbsp;保留所有权利</p>
        </div>
        <div class="layer">
            <p class="layer_tip">已加入购物车</p>
            <a href="javascript:;" class="btn_xiadan">在线下单</a><a href="javascript:;" class="btn_continue">继续购物</a>
        </div>
    </div>
<script type="text/javascript">
$(document).ready(function() {
	$(".nav_item_li").hover(function () {
        $(this).find("ul").css({"display":"block"})            
    },function function_name (argument) {
        $(this).find("ul").css({"display":"none"})
    });
	$('.pd_show_slide').jcarousel({
    });
    /*
	var _url = $(".jcarousel-list li").eq(0).find("img").prop("src");
	var _data = $(".jcarousel-list li").prop("data-zoom-image");
	$(".pd_show_img").find("img").prop("src",_url).prop("data-zoom-image",_data);
	
    $('.pd_show_slide').jcarousel({});
	
	$(".jcarousel-list li").bind("click",function(){
		var _url = $(this).find("img").prop("src");
		var _data = $(this).find("img").prop("data-zoom-image");
		$(".pd_show_img").find("img").prop("src",_url).prop("data-zoom-image",_data);
		console.log(_data);
	});
	*/
		/*
	$("#img_zoom").hover(function(){
		$(".zoomImg").prop("src",this.src).css({
			"display":"block",
			"left":-($(".zoomImg").width()+6)+"px"	
		});	
	},function(){
		$(".zoomImg").css({
			"display":"none"	
		});
	});
	*/
	
	$(".left_nav_list li").bind("click",function(){
		$(this).siblings().removeClass("active");
		$(this).addClass("active");
	});
	
	$(".check_item").bind("click",function(){
		$(this).siblings().removeClass("check_item_active");
		$(this).addClass("check_item_active");
	});
});
</script>

<script type="text/javascript">
	$(function(){			
	   $(".jqzoom").jqueryzoom({
			xzoom:300,
			yzoom:300,
			offset:10,
			position:"left",
			preload:1,
			lens:1
		});
		
		$("#spec-list img").bind("mouseover",function(){
			var src=$(this).attr("src");
			$("#spec-n1 img").eq(0).attr({
				src:src.replace("\/n5\/","\/n1\/"),
				jqimg:src.replace("\/n5\/","\/n0\/")
			});
		});		
	})
</script>

<script src="js/lib.js" type=text/javascript></script>
<script src="js/163css.js" type=text/javascript></script>
</body>
</html>
